<!-- directive:title select2 旧指令和新指令的整理 -->
<!-- directive:breadcrumb select2 -->
<div class='panel-body'>
    <div class='panel panel-default'>
        <div class='panel-heading'> 清算解决 select2 遗留的遗憾 (算不上bug就叫遗憾) </div>
        <div class='panel-body'>
            <h4>做了改进</h4>
            <ul>
                <li>动态赋值数据源和数据 ----------- ok</li>
                <li class="text-danger"><del>直接获取选中键值对 ------------- ok</del></li>
                <li>不强制改正对应空值的键 --------- ok</li>
                <li>默认值的placeholder颜色 --------- ok</li>
                <li>搜索框可以任意去除 --------- ok</li>
                <li>兼容空值 空对象</li>
                <li>决定不再支持键值对方式... 下拉框的改变关联到input框是实时的 导致select2-model的更新跟不上</li>
                <li>决定不再支持键值对方式... ng-change的配合使用使select2-model的执行更加混乱</li>
            </ul>
            <hr>
            <h6>ng-model = <input type="text" ng-model="m1" value=""></h6>
            <h6>select2-model = {{sm1}}</h6>
            <h6>dataset = {{data1}}</h6>
            <div>
                <input select2 ng-model="m1" select2-model="sm1" dataset="data1"
                    placeholder="请选择那啥" nosearch
                    class="form-control" style="width:280px" type="text"/>
            </div>
            <script type="text/xianjs" ui-bs>
                <input select2 ng-model="m1" select2-model="sm1" dataset="data1"
                    placeholder="请选择那啥" nosearch
                    class="form-control" style="width:280px" type="text"/>
            </script>
            <a href ui-sref="app.appjs({gostr:'123789'})" class="text-danger">点我看源码</a>
        </div>
    </div>
    <div class='panel panel-default'>
        <div class='panel-heading'> 新版本 select2 搞的可编辑 </div>
        <div class='panel-body'>
            <h4>引申出带可编辑输入框的下拉框结构</h4>
            <ul>
                <li>可选择可自行编辑</li>
                <li>完蛋 键值对哪个要提交给后台</li>
                <li>目前项目需求键值对相同------------------先凑合用</li>
            </ul>
            <hr>
            <h6>ng-model = <input type="text" ng-model="m1" value=""></h6>
            <h6>select2-model = {{sm1}}</h6>
            <h6>dataset = {{data1}}</h6>
            <div>
                <input select2 ng-model="m1" select2-model="sm1" dataset="data1"
                    placeholder="请选择那啥" editable="true"
                    class="form-control" style="width:280px" type="text"/>
            </div>
            <script type="text/xianjs" ui-bs>
                <input select2 ng-model="m1" select2-model="sm1" dataset="data1"
                    placeholder="请选择那啥" editable="true"
                    class="form-control" style="width:280px" type="text"/>
            </script>
        </div>
    </div>
    <div class='panel panel-default'>
        <div class='panel-heading'> 文本折行 </div>
        <div class='panel-body'>
            <textarea name="" id="" cols="30" rows="10" style="margin: 0px; width: 337px; height: 152px; word-break: break-all;">
                小明明234234天去，小明明234天去432。小明明234天去，小明明天234去。小234明天去，
                小明234明word 天去。小明明234天去，小234明明天去。小明234明天去，小明明234天去。
            </textarea>
            <textarea name="" id="" cols="30" rows="10" style="margin: 0px; width: 337px; height: 152px; word-break: break-word;">
                小明明234234天去，小明明234天去432。小明明234天去，小明明天234去。小234明天去，
                小明234明word 天去。小明明234天去，小234明明天去。小明234明天去，小明明234天去。
            </textarea>
        </div>
    </div>
</div>
